<template>
  <div>
    <PageTitle :hasHr="false">
      <template #prepend>
        <el-button text class="w-8 mr-1" style="font-size: 24px" @click="push('/topic')">
          <svg-icon icon-class="DArrowLeft" />
        </el-button>
      </template>
      {{ t('flypass.pass_settings') }}        
    </PageTitle>
    <el-tabs>
      <el-tab-pane :label="t('modules.pass.nfc')">
        <el-page-tip class="mb-2" style="font-size: 14px;">{{ t('flypass.nfc_public_key_setting') }}</el-page-tip>
        <Nfc />
      </el-tab-pane>
      <el-tab-pane :label="t('modules.pass.certificate')">
        <el-page-tip class="mb-2" style="font-size: 14px;">{{ t('flypass.pass_type_identifier_setting') }}</el-page-tip>
        <Certificate />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
  
<script lang='ts' setup>

import PageTitle from '@/components/PageTitle/index.vue'
import { useRouter } from 'vue-router';
import Nfc from './nfc.vue'
import Certificate from './certificate.vue'

const { push } = useRouter()
const { t } = useI18n()
</script>
  
<style lang='stylus' scoped></style>
  